<template>
  <div class="container1">
    <TopNavbar />
    <Layout/>
    <TabPage/>
    <QRCode/>
    <div class="new-container">
      <SwiperPage />
      <LinkedPage/>
    </div>
    <NewsPage />
    <SubmenuPage/>
  </div>
</template>
<script setup>
import TopNavbar from "@/components/TopNavbar.vue";
import SwiperPage from "@/components/SwiperPage.vue";
import NewsPage from "@/components/NewsPage.vue";
import Layout from "@/components/Layout.vue";
import TabPage from "@/components/TabPage.vue";
import LinkedPage from "@/components/LinkedPage.vue";
import SubmenuPage from "@/components/SubmenuPage.vue";
import QRCode from "@/components/QRCode.vue";
</script>
<script>
export default {
  name: "NewHome"
}
</script>
<style scoped>
.new-container{
  width: 1200px;
  display: flex;
  //justify-items: center;
  align-items: center;
  margin: auto;
  height: 550px;
}
</style>